@charset "utf-8";
/* CSS Document */

/* *{ -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0; outline: none;}
body{overflow-x:hidden; max-width: 750px; font: 0.44rem/1.4 "Microsoft Yahei"; font-weight: 500; background:#fff;color:#666666; -webkit-font-smoothing: antialiased;/*这个属性可以使页面上的字体抗锯齿*/ }
a{ text-decoration:none; color:#666666;}
/*a:hover,a:hover *{ color: #b40002;}*/
li{ list-style:none;}
i,em{ font-style:normal;}
.fl{float:left;}
.fr{ float:right;}
.clearfix:after{ content: ''; display: block; clear:both; width: 0; height: 0;}
img{ vertical-align:middle; border:none; max-width:100%;}
.img img{ width: 100%; height: 100%; object-fit: cover;}
.wrapper{ padding: 0 0.6rem; }
.wrap{ padding: 0 0.6rem; }
input,textarea,select{ font-size: 0.44rem; font-family: 'Microsoft Yahei'; color: #666; font-weight: 500;}
input:focus,textarea:focus,select:focus{ outline: none;}



.over { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.over2 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.disFlex{ display: flex; justify-content: space-between; align-items: center;}
.disFlexc{ display: flex; justify-content: center; align-items: center;}
.disFlexs{ display: flex; flex-direction: column; justify-content: center; align-items: center;}

/* img 动画效果 */
.scale12{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}

/* top */
.top{ position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 2rem; background: url(../img/top-index-bg.png) no-repeat center top / 100% auto;}
.top .wrapper{ height: 100%;}
.top .logo{ position: relative; z-index: 1; width: 3rem;}
.top .logo .logoicon{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 0; width: 1.5rem; height: 1.5rem;}
.top .menubtn{ position: relative; z-index: 1; width: 0.8rem; height: 0.6rem;}
.top .menubtn::before{ content: ''; transition: 0.5s; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; border-bottom: 0.06rem solid #c39c60;}
.top .menubtn::after{ content: ''; transition: 0.5s; position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; border-bottom: 0.06rem solid #c39c60;}
.top .menubtn i{ width: 100%; border-bottom: 0.06rem solid #c39c60;}
.top .menubtn.active i{ opacity: 0; transition: 0.2s;}
.top .menubtn.active::before{ content: ''; transform: rotate(45deg); transform-origin: left bottom;}
.top .menubtn.active::after{ content: ''; transform: rotate(-45deg); transform-origin: left top;}
.top .nav{ position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); display: none;}
.top .nav ul{ display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100%; padding-top: 4rem; box-sizing: border-box;}
.top .nav ul li a{ display: flex; justify-content: center; align-items: flex-end; height: 100%; padding: 0.4rem 2rem; color: #fcf5d5;}
.top .nav ul li.active a{ border-color: #c39c60; font-weight: 900; color: #c39c60;}
.nav ul li a{ font-size: 0.8rem;}

/* banner */
.banner{ position: relative; z-index: -1; height: 0; height: 8.4rem; overflow: hidden;}
.banner .myvideo{ width: 100%; height: 8.4rem !important; overflow: hidden;}
.banner::after{ content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; pointer-events: none; background: url(../img/index-one-bgcolor.png) no-repeat center / cover;}
.playlink{ position: absolute; bottom: 1rem; right: 1rem; z-index: 10; width: 1.5rem;}

/* 第一屏 */
.index-one{ position: relative; z-index: 1;}
.index-one .swiper-slide::after{ content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url(../img/index-one-bgcolor.png) no-repeat center / cover;}
.index-one .icon-more{ position: absolute; bottom: -2vw; right: -1vw; z-index: 3; width: 37vw; height: 37vw; pointer-events: none;}
.index-one .swiper-slide .lajiao{ position: absolute; top: 0; bottom: 0; left: 0; z-index: 19; width: 100%; margin: auto; pointer-events: none; animation: big 1.5s linear;}
@keyframes big{
	from{ opacity: 0; transform: scale(0.7);}
	to{ opacity: 1; transform: scale(1);}
}
.index-one .swiper-pagination{ bottom: 3vw !important;}
.index-one .swiper-pagination .swiper-pagination-bullet{ width: 0.8rem; height: 0.04rem; border-radius: 0; background-color: rgba(210,192,154,0.3); opacity: 1;}
.index-one .swiper-pagination .swiper-pagination-bullet-active{ width: 2.4rem; height: 0.04rem; border-radius: 0; background-color: rgba(210,192,154,1);}
.one{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; box-sizing: border-box; }
.one .banpic{ position: relative; z-index: 1; align-items: flex-end; width: 50%; height: 100%;}
.one .one-nr .detail{ margin-top: 0.3rem; overflow-x: hidden; height: 4rem; line-height: 1.6; text-align: justify; color: #a0927d;}
.one .banpic img{ width: 90.625%; margin-bottom: -1.6rem;}
.one .one-nr{ width: 45%; padding-right: 5%;}

.one .one-nr .two-nr-title{ max-width: 70%;}
.one .one-nr .detail{ margin-top: 0.4rem; height: 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; line-height: 1.8; text-align: justify; color: #a0927d;}

/* 整个滚动条 */
.one .one-nr .detail::-webkit-scrollbar,.index-two .detail::-webkit-scrollbar,.scrollbar::-webkit-scrollbar{ width:0.16rem; height:0.16rem; background-color: rgba(0,0,0,0.7);}
/* 滚动条上的滚动滑块 */
.one .one-nr .detail::-webkit-scrollbar-thumb,.index-two .detail::-webkit-scrollbar-thumb,.scrollbar::-webkit-scrollbar-thumb{ border-radius: 0.16rem; background-color: rgba(255,255,255,0.3);}
/* 滚动条轨道 */
.one .one-nr .detail::-webkit-scrollbar-track,.index-two .detail::-webkit-scrollbar-track,.scrollbar::-webkit-scrollbar-track{ border-radius: 0.16rem; background-color: rgba(0,0,0,0.7);}

.one-more{ position: relative; z-index: 1; margin-top: 0.4rem; width: 4.8rem; height: 1rem; color: #FFFFFF; border: 1px solid #c39c60; border-radius: 1rem;}
.one-more:active{ background-color: #c39c60;}
.one-more:active p{ opacity: 1;}
.one-more p{ position: absolute; top: -0.1rem; right: -0.2rem; z-index: 10; width: 1.2rem; height: 1.2rem; text-align: center; line-height: 1.2rem; opacity: 0;}
.one-more p::after{ content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: url(../img/index-more-font1.png) no-repeat center / contain; animation: rotate 20s infinite linear;}
.one-more p img{ width: 1.0417vw; animation: ar 1s infinite alternate ease-in-out;}
@keyframes ar{
	from{ transform: translate(-5px);}
	to{ transform: translate(5px);}
}

.two{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; box-sizing: border-box; }
.two .banpic{ align-items: unset; width: 50%; height: 100%;}
.two .banpic a{ display: block; margin-left: -1rem; width: 100%; height: 100%;}
.two .banpic img{ height: 100%; max-width: none; cursor: url(../img/firstmore.png) 60 60,auto;}
.two .two-nr{ width: 50%;}
.two .two-nr .two-nr-title{ max-width: 70%;}
.two .two-nr .txt{ padding-top: 0.1rem;}
.two .two-nr .txt .close img{ width: 0.3rem; display: none;}
.two .two-nr .txt .firstname{ margin-top: 0.1rem; max-width: 90%; display: none;}
.two .two-nr .txt .detail{ margin-top: 0.1rem; height: 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; line-height: 1.8; text-align: justify; color: #a0927d;}
.two .two-nr .txt .items{ padding: 0.1rem 0;}
.two .two-nr .txt .item{ width: 30%;}
.three{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; box-sizing: border-box;}
.three img{ max-height: 100%;}

/* 烟 */
.vapour {position: absolute;top: 80%;left: 20%;width: 100%;height: 100%;z-index: 1;display: flex;padding: 0 0.4rem;box-sizing: border-box;pointer-events: none;}
.vapour span {position: relative;bottom: 1rem;display: block;margin: 0 2px 1rem;min-width: 0.16rem;height: 2.4rem;background: #fff;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;animation: animate ;-webkit-animation: animate 5s linear infinite;opacity: 0;filter: blur(8px);-webkit-filter: blur(8px);animation-delay: calc(var(--i) * -0.5s);pointer-events: none;}
@keyframes animate {
	0% {
		transform: translateY(0) scaleX(1);
		-webkit-transform: translateY(0) scaleX(1);
		-moz-transform: translateY(0) scaleX(1);
		-ms-transform: translateY(0) scaleX(1);
		-o-transform: translateY(0) scaleX(1);
		opacity: 0;
	}
	15% {
		opacity: 1;
	}
	50% {
	transform: translateY(-150px) scaleX(5);
	-webkit-transform: translateY(-150px) scaleX(5);
	-moz-transform: translateY(-150px) scaleX(5);
	-ms-transform: translateY(-150px) scaleX(5);
	-o-transform: translateY(-150px) scaleX(5);
	}
	95% {
		opacity: 0;
	}
	100% {
		transform: translateY(-300px) scaleX(10);
		-webkit-transform: translateY(-300px) scaleX(10);
		-moz-transform: translateY(-300px) scaleX(10);
		-ms-transform: translateY(-300px) scaleX(10);
		-o-transform: translateY(-300px) scaleX(10);
	}
}



/* 第二屏 */
.index-two{ position: relative; z-index: 1;}
.index-two .index-two-nr{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; box-sizing: border-box;}
.index-two .title{ position: relative; z-index: 10;}
.index-two .title .title-en{ margin-top: 0.5rem; line-height: 1; font-size: 1.2rem; font-family: impact; color: #fcf5d5; text-transform: uppercase; white-space: nowrap; -webkit-text-stroke: 1px rgba(252,245,213,0.1); color: transparent;}
.index-two .title .title-cn{ margin-top: -0.5rem; width: 5rem;}
.index-two .detail{ width: 8.4rem; margin-top: 0.4rem; height: 3rem; overflow: hidden; line-height: 1.6; text-align: justify; color: #ab8385;}
.index-two .index-two-list{ padding-top: 0.2rem; justify-content: flex-start; display: none;}
.index-two .index-two-list .item{ position: relative; z-index: 1; height: 1rem; padding: 0 0.5rem; color: #fcf5d5;}
.index-two .index-two-list .item::before{ content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 0.5rem; height: 100%; background: url(../img/index-iconl.png) no-repeat left center / contain;}
.index-two .index-two-list .item::after{ content: ''; position: absolute; top: 0; right: 0; z-index: -1; width: 0.5rem; height: 100%; background: url(../img/index-iconr.png) no-repeat left center / contain;}
.index-two .index-two-list .item:not(:last-of-type){ margin-right: 0.3rem;}
.index-two .index-two-list .item div{ font-size: 0.56rem;}
.index-two .one-more{ margin-top: 0.4rem;}

/* 第三屏 */
.index-three{ position: relative; z-index: 1; overflow: hidden;}
.index-three > img{ display: none;}
.index-three-nr{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; box-sizing: border-box; background: url(../img/index-one-bgcolor.png) no-repeat center / cover; display: none;}
.index-three-wap{ display: block;}
/**/
#hexGrid { padding: 1.4rem 0;}
.index-three-r #hexGrid { transform: translate(-57%,-50%);}
#hexGrid:after { content: ""; display: block; clear: both;}
.hex { position: relative; z-index: 1; list-style-type: none; float: left; overflow: hidden; visibility: hidden; outline:1px solid transparent; -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px); -ms-transform: rotate(-60deg) skewY(30deg) translatez(-1px); transform: rotate(-60deg) skewY(30deg) translatez(-1px); width: 100%; height: 7rem;}
.hex>* { position: absolute; visibility: visible; outline: 1px solid transparent;}
.hexIn { display:block; width: 100%; height: 100%; text-align: center; color: #fff; overflow: hidden; -webkit-transform: skewY(-30deg) rotate(60deg); -ms-transform: skewY(-30deg) rotate(60deg); transform: skewY(-30deg) rotate(60deg);}
.hex img { left: -100%; right: -100%; width: auto; height: 100%; margin: 0 auto;}
/* .hex:nth-child(7n+5),.hex:nth-child(7n+6),.hex:nth-child(7n+7){ margin-top: -6.134%; margin-bottom: -6.134%; -webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg) translatez(-1px); -ms-transform:translateX(50%) rotate(-60deg) skewY(30deg) translatez(-1px); transform:translateX(50%) rotate(-60deg) skewY(30deg) translatez(-1px);}
.hex:nth-child(7n+8){clear: left;}
.hex:nth-child(7n+2), .hex:nth-child(7n+6){margin-left: 1%;margin-right: 1%;}
.hex:nth-child(7n+3){margin-right: 1%;} */
/*内容*/
.hex .bg1,.hex .bg2{ position: absolute; transition: 300ms;}
.hex .bg2{ opacity: 0; transform: scale(1.15);}
.hex .cont{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.hex .cont i{ display: block; width: 1rem; height: 1rem; margin: 0 auto; margin-bottom: 0.2rem;}
.hex .cont .cn{ font-size: 0.5rem; line-height: 1; color: #fcf5d5;}
.hex .cont .en{ font-size: 0.3rem; line-height: 1; color: rgba(252,245,213,.3);}

/* .hexIn .ctr p{ margin-left: -10%; width: 105%; color: #978158; transform: scale(0.8); -webkit-line-clamp: 3;} */
.hex .cont p{ display: none; padding: 0 0.6rem; margin-top: -0.1rem; font-size: 0.36rem;line-height: 1.4; margin-left: -0.4rem; width: 95%; transform: scale(0.8);color: #978158; -webkit-line-clamp: 3; text-align: justify;}
.hex.active .cont i{ margin-top: -0.8rem;}
.hex.hexHover.active{ z-index: 10; -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px) scale(1.3); -ms-transform: rotate(-60deg) skewY(30deg) translatez(-1px) scale(1.3); transform: rotate(-60deg) skewY(30deg) translatez(-1px) scale(1.3); transition: 700ms; }
/* .hex:nth-child(7n+5).hexHover.active,.hex:nth-child(7n+6).hexHover.active,.hex:nth-child(7n+7).hexHover.active{-webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg) translatez(-1px) scale(1.3); -ms-transform:translateX(50%) rotate(-60deg) skewY(30deg) translatez(-1px) scale(1.3); transform:translateX(50%) rotate(-60deg) skewY(30deg) translatez(-1px) scale(1.3); transition: 700ms;} */
.hex.hexHover.active .bg1{ opacity: 0;}
.hex.hexHover.active .bg2{ opacity: 1;}
.hex.hexHover.active .cont .cn{ color: #81612a;}
.hex.hexHover.active .cont .en{ color: rgba(151,129,88,.3);}
.hex.hexHover.active p{ display: block;}
/**/

/* 第四屏 */
.index-four{ position: relative; z-index: 1; min-height: 17rem; padding: 1.5rem 0; box-sizing: border-box;}
.index-four > img{ display: none;}
.index-four-nr{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; box-sizing: border-box;}
.index-four-nr .index-four-title{ width: 100%; text-align: center;}
.index-four-nr .index-four-title img{ width: 10rem;}
.index-four-nr .index-four-list{ width: 100%; margin-top: 0.3rem; padding-top: 0.3rem; background: url(../img/index-five-bord.png) no-repeat top center / 14rem auto;}
.index-four-nr .swiper-slide .item{ padding: 0 0.5rem; height: 12rem; text-align: center; background: url(../img/index-five-itembg1.png) no-repeat center / contain; color: #fcf5d5;}
.index-four-nr .swiper-slide .item .index-four-item-name{ font-size: 0.6rem; font-weight: bold;}
.index-four-nr .swiper-slide .item .closeicon{ display: inline-block; margin-top: 0.3rem; width: 0.32rem; height: 0.32rem; background: url(../img/close-icon2.png) no-repeat center / contain;}
.index-four-nr .swiper-slide:active .item .closeicon{ background-image: url(../img/close-icon1.png);}
.index-four-nr .swiper-slide .item .detail{ margin-top: 0.3rem; line-height: 1.8;}
.index-four-nr .swiper-slide:active .item{ background-image: url(../img/index-five-itembg2.png); color: #7a5b2a;}

/* 第五屏 */
.index-five{ cursor: url(../img/index-six-mouse2.png) 60 60, auto;}


/* 第六屏 */
.index-six{ position: relative; z-index: 1; min-height: 17rem; padding: 1.5rem 0; box-sizing: border-box;}
.index-six > img{ display: none;}
.index-six .index-six-nr{ width: 100%; height: 100%; box-sizing: border-box;}
.index-six .index-six-nr .index-six-l{ width: 14rem; border: 0.06rem solid #fdf4d8; box-sizing: border-box;}
.index-six .index-six-nr .index-six-r{ margin-top: 0.4rem; width: 14rem; flex-direction: column-reverse; justify-content: space-between; align-items: flex-start;}
.index-six-l .swiper-slide::after{ content: ''; position: absolute; top: 0.2rem; left: 0.2rem; z-index: 10; width: calc(100% - 0.4rem); height: calc(100% - 0.4rem); border: 1px solid #FFFFFF; box-sizing: border-box;}
.index-six-nrc{ display: block; width: 100%;}
.index-six-rr{ width: 100%;}
.index-six-r .title{ position: relative; z-index: -10; width: 100%;}
.index-six-r .title .title-en{ position: absolute; top: -1rem; right: 0; z-index: 1; min-width: 100%; line-height: 1; font-size: 1.6rem; font-family: impact; color: #fcf5d5; text-transform: uppercase; white-space: nowrap; -webkit-text-stroke: 1px rgba(252,245,213,0.1); color: transparent;}
.index-six-r .title .title-cn{ margin-top: 1.5rem; width: 7rem;}
.index-six-r .items{ margin-top: 0.5rem;}
.index-six-r .items .item{ justify-content: flex-start; margin-top: 0.2rem;}
.index-six-r .items .item i{ font-weight: bold; color: #fdf4d8;}
.index-six-r .items .item span{ color: #a6a5a0;}
.index-six-r .swiper-container{ width: 100%;}
.index-six-r .swiper-slide::after{ content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: url(../img/index-one-bgcolor.png) no-repeat center / cover; opacity: 1;}
.index-six-r .swiper-slide-thumb-active::after{ content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: url(../img/index-one-bgcolor.png) no-repeat center / cover; opacity: 0;}

/* fixr */
.fixr{ position: fixed; top: 60%; right: 0.2rem; z-index: 9999; width: 1.28rem;}
.fixr a{ display: block;}
.fixr a:not(:first-of-type){ margin-top: 0.08rem;}

/* foot-->style */
.footer{}
.footer .footop{ padding: 1rem 0; background-color: #000000; display: none;}
.footer .footop .wrapper{ align-items: flex-start;}
.footl ul{ margin-top: 0.6rem;}
.footl ul li{ line-height: 1.8;}
.footl ul li a{ color: #5f5e5e;}
.footl ul li:hover a{ color: #fdf4d8;}
.foot-logo{ position: relative; z-index: 1; max-width: 4rem; margin-top: 0.5rem;}
.foot-logo .logoicon{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 0; width: 1.2rem; height: 1.2rem;}
.footm{ padding: 0 5vw;}
.footop .foot-title{ font-size: 30px; color: #d61419; text-transform: uppercase; font-family: Impact;}
.footm ul{ margin-top: 3vw;}
.footm ul li{ padding-left: 30px; margin-top: 15px;}
.footm ul li i{ font-weight: bold; color: #fdf4d8;}
.footm ul li span{ color: #a6a5a0;}
.footm ul li.s1 i{ color: #D61419;}
.footm ul li.s1 span{ margin-left: 10px; line-height: 0.6; font-size: 30px; font-family: Impact; color: #D61419;}
.footm ul li.s1{ background: url(../img/index-foot-icon1.png) no-repeat left center / auto 17px;}
.footm ul li.s2{ background: url(../img/index-foot-icon2.png) no-repeat left center / auto 17px;}
.footm ul li.s3{ background: url(../img/index-foot-icon3.png) no-repeat left center / auto 17px;}
.footm ul li.s4{ background: url(../img/index-foot-icon4.png) no-repeat left center / auto 17px;}
.footr .foot-title{ text-align: right;}
.footr ul{ margin-top: 3.5vw; align-items: flex-start;}
.footr ul li{ margin-left: 10px; text-align: center;}
.footr ul li p{ margin-top: 10px; color: #fdf4d8;}
.footer .footbm{ padding: 0.5rem 0; text-align: center; color: #eea1a3; background-color: #d61419;}



/* 内页公共样式 start */

.nbanner{ position: relative; z-index: 1;}
.ntop{ position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 2rem; background: url(../img/ntop-bg.png) no-repeat center top / cover;}
.ntop .wrap{ height: 100%;}
.ntop .logo{ position: relative; z-index: 1; width: 3rem;}
.ntop .logo .logoicon{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 0; width: 1.5rem; height: 1.5rem;}
.ntop .toptel{ margin-left: 1rem;}
.ntop .toptel p{ font-weight: bold; color: #d61419;}
.ntop .toptel .telephone{ font-size: 0.72rem; color: #d61419; font-family: impact;}
.ntop .menubtn{ position: relative; z-index: 1; width: 0.8rem; height: 0.6rem;}
.ntop .menubtn::before{ content: ''; transition: 0.5s; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; border-bottom: 0.06rem solid #c39c60;}
.ntop .menubtn::after{ content: ''; transition: 0.5s; position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; border-bottom: 0.06rem solid #c39c60;}
.ntop .menubtn i{ width: 100%; border-bottom: 0.06rem solid #c39c60;}
.ntop .menubtn.active i{ opacity: 0; transition: 0.2s;}
.ntop .menubtn.active::before{ content: ''; transform: rotate(45deg); transform-origin: left bottom;}
.ntop .menubtn.active::after{ content: ''; transform: rotate(-45deg); transform-origin: left top;}
.ntop .nav{ position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); display: none;}
.ntop .nav ul{ display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100%; padding-top: 4rem; box-sizing: border-box;}
.ntop .nav ul li a{ display: flex; justify-content: center; align-items: flex-end; height: 100%; padding: 0.4rem 2rem; color: #fcf5d5;}
.ntop .nav ul li.active a{ border-color: #c39c60; font-weight: 900; color: #c39c60;}
.nav ul li a{ font-size: 0.8rem;}

.divbg{ background-size: cover; background-repeat: no-repeat; background-position: center;}

/* 内页公共样式 end */


/* 品牌介绍 start */
.ppjj{ min-height: 11rem; padding: 1.5rem 0; box-sizing: border-box;}
.ppjj .wrap{ align-items: unset;}
.ppjj .ppl{ width: 5rem; justify-content: space-between; align-items: unset;}
.ppjj .ppl .pic img{ width: 100%;}
.ppjj .ppl .fonticon img{ width: 100%; height: auto; object-fit: contain;}
.ppjj .ppr{ width: calc(100% - 5rem);}
.ppjj .ppr .pprt{ padding-left: 0.4rem; width: calc(100% - 0.4rem);}
.ppjj .ppr .pprt .title img{ width: 4rem;}
.ppjj .ppr .closeicon{ margin-top: 0.5rem; width: 0.4rem; height: 0.4rem; background: url(../img/close-icon2.png) no-repeat center / contain;}
.ppjj .ppr .txt.scrollbar{ margin-top: 0.4rem; max-height: 2.5rem; overflow-x: hidden; line-height: 1.8; color: #a0927d; text-align: justify;}
.ppjj .items{ flex-wrap: wrap; margin-top: 0.2rem; width: 100%; padding: 2.1875vw 0; background: url(../img/pp-bg11.jpg) no-repeat center / cover;}
.ppjj .items .item{ width: 25%; height: 5vw; padding: 0 1vw; box-sizing: border-box;}
.ppjj .items .item:not(:first-of-type){ border-left: 1px solid rgba(252,245,213,0.4);}

.ppys{ position: relative; z-index: 1;min-height: 12rem; padding: 1.5rem 0; box-sizing: border-box;}
.ppys .wrap{ width: 100%; padding-right: 0; box-sizing: border-box;}
.ppys .guo{ position: absolute; top: -3.2rem; left: 0; z-index: 10; width: 100%;}
.ppys .guo img{ width: 8rem; pointer-events: none;}
.ppys .guo .pp-lajiao{ position: absolute; top: 0; left: 0; right: 0; z-index: 1; pointer-events: none; width: 8rem; margin: 0 auto; padding-left: 1rem;}
.ppys .guo .ppys-title{ position: absolute; bottom: 0.2rem; left: 0; right: 0; z-index: 10; width: 22.8646vw; margin: 0 auto;}
.ppys .ppysl{ width: 5rem;}
.rotate{ animation: rotate 20s infinite linear;}

@-webkit-keyframes rotate{
	from{ transform: rotate(0);}
	to{ transform: rotate(360deg);}
}
.ppys .ppysr{ position: relative; z-index: 1; width: 7rem;margin-right: 0.3rem; box-sizing: border-box;}
.ppysr .ppysname{ margin-top: 1.2rem; line-height: 1; font-size: 1.2rem; font-family: impact; color: #fcf5d5; text-transform: uppercase; white-space: nowrap; -webkit-text-stroke: 1px rgba(252,245,213,0.1); color: transparent;}
.ppysr .ppystitle{ margin-top: -0.5rem;}
.ppysr .ppystitle .title-cn{ font-size: 0.6rem; color: #fcf5d5; font-weight: bold;}
.ppysr .ppystitle .title-en{ color: rgba(252,245,213,0.2); font-size: 100;}
.ppysr .txt{ margin-top: 0.5rem; padding-bottom: 1.5rem; padding-right: 0.5rem; text-align: justify; line-height: 1.6; color: #a0927d;}
.ppysr .btn{ position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; height: 0.5rem;}
.ppysr .btn::before{ content: ''; position: absolute; top: 0; left: 1.6rem; z-index: 10; width: 0.2rem; height: 0.2rem; border-radius: 0.2rem; background-color: #c39c60;}

.ppysr .swiper-button-next::after,.ppysr .swiper-button-prev::after{content: '';}
.ppysr .swiper-button-next,.ppysr .swiper-button-prev{ width: 1rem; height: 0.4rem; background-repeat: no-repeat; background-position:center; background-size: contain; cursor: url(../img/rq-two-decorate02.png) 37 35,auto;}
.ppysr .swiper-button-prev{left: 0; top: 0.7rem; background-image: url(../img/rq-prev-h.png);}
.ppysr .swiper-button-next{margin-top: -0.2rem; left: 2.4rem; background-image: url(../img/rq-next-h.png);}
.ppysr .swiper-button-prev.swiper-button-disabled{opacity: 1; background-image: url(../img/rq-prev.png);}
.ppysr .swiper-button-next.swiper-button-disabled{opacity: 1; background-image: url(../img/rq-next.png);}
.ppysr .swiper-pagination{ top: 4.8rem; left: -5rem; bottom: auto; line-height: 1; text-align: left; color: #FFFFFF; font-size: 0.64rem;}
/* 品牌介绍 end */


/* 火爆人气 start */
.syhb{ min-height: 10rem; padding: 1.5rem 0; box-sizing: border-box; cursor: url(../img/index-six-mouse2.png) 60 60,auto;}
.syhb .title img{ width: 6rem;}
.swiper-syhb{position: relative; overflow: hidden; padding-top: 0.8rem;}
.swiper-syhb .itm{position: relative;}
.swiper-syhb .itm::after{content: '';position: absolute;left: 0; top: 0;z-index: 1;}
.swiper-syhb .itm::before{content: '';position: absolute;left: 0; top: 0;z-index: 1; width: calc(100% - 2px);height: calc(100% - 2px); border: 1px solid #c39c60;}
.swiper-syhb .itm i{position: absolute;left: 0; top: 0;z-index: 1; display: block; width: 100%;height: 100%; background-color: rgba(38,17,3,.8);}
.swiper-syhb .itm img{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.swiper-syhb .swiper-container{width: 100vw; height: 6rem;}
.swiper-syhb .swiper-slide {
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(.8);
}
.swiper-syhb .swiper-slide-active,.swiper-slide-duplicate-active{
      /* width: 36.4583vw; */
	  transform: scale(1);
}
.swiper-syhb .swiper-slide-active .itm i,.swiper-slide-duplicate-active .itm i{
      background-color:transparent;
}
.swiper-syhb .swiper-slide-active .itm img,.swiper-slide-duplicate-active .itm img{
      -webkit-filter: none;
      -moz-filter: none;
      -ms-filter: none;
      -o-filter: none;
      filter: none;
      filter: none;
}
.swiper-syhb .swiper-slide-active .itm::before,.swiper-slide-duplicate-active .itm::before{
	width: calc(100% - 22px);height: calc(100% - 22px);
	left: 10px;
	top:10px;
}
.swiper-syhb .swiper-slide-active .itm::after,.swiper-slide-duplicate-active .itm::after{
	width: calc(100% - 6px);height: calc(100% - 6px);
      border: 3px solid #c39c60;	
}

.syhb2{position: relative; min-height: 8rem; padding: 1.5rem 0; box-sizing: border-box;}
.syhb2 .decorate{position: absolute;left: 1.4rem; bottom: 1rem;z-index: 9; width: 2.6rem;}
.swiper-syhb2 .swiper-container{width: 10rem;height: 4rem;}
.swiper-syhb2 .swiper-pagination{left: 2.2rem;bottom:0.8rem; display: inline-block;width: auto; text-align: left;font-size: 0.56rem;color: #fcf5d5;}
.swiper-syhb2 .swiper-pagination-current{display: inline-block;vertical-align: bottom;margin-bottom: 0.3rem; font-size: 0.8rem;}
.swiper-syhb2 .swiper-button-next::after,.swiper-syhb2 .swiper-button-prev::after{content: '';}
.swiper-syhb2 .swiper-button-next,.swiper-syhb2 .swiper-button-prev{top:6.8rem; width: 1rem;height: 0.4rem;background-repeat: no-repeat;background-position:center;background-size: contain; cursor: url(../img/rq-two-decorate02.png) 37 35,auto;}
.swiper-syhb2 .swiper-button-prev{left: auto;right: 4.6rem; background-image: url(../img/rq-prev-h.png);}
.swiper-syhb2 .swiper-button-next{margin-top: -0.68rem; right: 2.5rem;background-image: url(../img/rq-next-h.png);}
.swiper-syhb2 .swiper-button-prev.swiper-button-disabled{opacity: 1; background-image: url(../img/rq-prev.png);}
.swiper-syhb2 .swiper-button-next.swiper-button-disabled{opacity: 1;background-image: url(../img/rq-next.png);}
.swiper-syhb2 .swiper-button-prev::before{content: '';position: absolute;right: -0.65rem;top:0.2rem;width: 0.2rem;height: 0.2rem;border-radius: 50%; background:#c39c60;}
.syhb3{position: relative; min-height: 6rem; padding-top: 1.8rem; box-sizing: border-box;}
.syhb3 .wrapper{width: 10rem;margin: 0 auto;padding: unset;}
.syhb3 .title img{ width: 3.2rem;}
.swiper-syhb3{ padding-top: 1.8rem;}
.swiper-syhb3 .itm{position: relative;}
.swiper-syhb3 .itm::after{content: '';position: absolute;left: 0; top: 0;z-index: 1;width: calc(100% - 0.16rem);height: calc(100% - 0.16rem); border: 0.08rem solid #fcf5d5;}
.swiper-syhb3 .itm::before{content: '';position: absolute;left: 0.2rem; top: 0.2rem;z-index: 1; width: calc(100% - 0.44rem);height: calc(100% - 0.44rem); border: 1px solid #fcf5d5; box-sizing: border-box;}
.swiper-syhb3 .swiper-slide .itm b{position: absolute;left: 0; top: 0;z-index: 10; display: flex;justify-content: center; align-items: center; width: 100%;height: 100%; background-color: rgba(38,17,3,.8);transition: 300ms;opacity: 0;}
.swiper-syhb3 .swiper-slide.noactive .itm i{position: absolute;left: 0; top: 0;z-index: 10; display: block; width: 100%;height: 100%; background-color: rgba(38,17,3,.8);transition: 300ms;}
.swiper-syhb3 .swiper-slide.noactive .itm img{
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
      filter: gray;
}
.swiper-syhb3 .big{position: absolute;left: 8rem;bottom: -1rem;z-index: 9;width: 4.6rem;height: 6.2rem;}
.swiper-syhb3 .big img{ width: 100%; height: 100%; object-fit: cover;}
.swiper-syhb3 .big::after{content: '';position: absolute;left: 0; top: 0;z-index: 1;width: calc(100% - 0.16rem);height: calc(100% - 0.16rem); border: 0.08rem solid #fcf5d5;}
.swiper-syhb3 .big::before{content: '';position: absolute;left: 0.2rem; top: 0.2rem;z-index: 1; width: calc(100% - 0.44rem);height: calc(100% - 0.44rem); border: 1px solid #fcf5d5; box-sizing: border-box;}
.swiper-syhb3 .swiper-container{width: 100%;}
.swiper-syhb3 .swiper-wrapper{margin-left: -1.5rem;}
.swiper-syhb3 .swiper-slide {
	width: 2rem;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
}
.swiper-syhb3 .swiper-button-next::after,.swiper-syhb3 .swiper-button-prev::after{content: '';}
.swiper-syhb3 .swiper-button-next,.swiper-syhb3 .swiper-button-prev{top: 4rem; width: 1rem;height: 0.4rem;background-repeat: no-repeat;background-position:center;background-size: contain; cursor: url(../img/rq-two-decorate02.png) 37 35,auto;}
.swiper-syhb3 .swiper-button-prev{left: 2.5rem; background-image: url(../img/rq-prev-h.png);}
.swiper-syhb3 .swiper-button-next{margin-top: -0.68rem;left: 4.5rem; right: auto;background-image: url(../img/rq-next-h.png);}
.swiper-syhb3 .swiper-button-prev.swiper-button-disabled{opacity: 1; background-image: url(../img/rq-prev.png);}
.swiper-syhb3 .swiper-button-next.swiper-button-disabled{opacity: 1;background-image: url(../img/rq-next.png);}
.swiper-syhb3 .swiper-button-prev::before{content: '';position: absolute;right: -0.6rem;top:0.3rem;width: 0.2rem;height: 0.2rem;border-radius: 50%; background:#c39c60;}

.syhb4{position: relative; min-height: 9rem; padding-top: 2.5rem; box-sizing: border-box;}
.syhb4 .wrapper{width: 12rem;margin: 0 auto;padding: unset;}
.syhb4 .items{display: flex;justify-content: space-between; width: 100%;height: 8.5rem;}
.syhb4 .items .item{display: flex;justify-content: space-between;width: 50%;}
.syhb4 .items .item .name{width: 27%;padding-top: 2rem;}
.syhb4 .items .item .cent{position: relative; width: 73%;}
.syhb4 .items .item .sourcename{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 10; font-size: 0.44rem; line-height: 0.8rem; color: #FFFFFF;}
.syhb4 .items .item .phone img{ width: 100%;}
.swiper-syhb4{position: absolute;left: 14%;top: 7.3%; cursor: url(../img/index-six-mouse2.png) 60 60,auto;}
.swiper-syhb4 .itm{display: flex;justify-content: center;align-items:center;height: 100%;}
.swiper-syhb4 .swiper-container{width: 3.1rem;height: 6.8rem;border-radius: 0.4rem;}
.swiper-syhb4 img{ width: 100%; height: 100%; object-fit: cover;}
/* 火爆人气 end */


/* 合作共赢 start */
.hxys{ min-height: 10rem; padding: 1.5rem 0; box-sizing: border-box;}
.hxys .title img{ width: 5rem;}
.hxys .items{ margin-top: 1rem;}
.hxys .items .swiper-slide{ position: relative; z-index: 1; width: calc(20% - 0.16rem); height: 11rem; background-repeat: no-repeat; background-size: cover; background-position: center; border: 0.08rem solid #735629; box-sizing: border-box;}
.hxys .items .swiper-slide::before{ content: ''; position: absolute; top: 0; flex: ; z-index: -1; width: 100%; height: 100%; background: url(../img/hz-one-bg.png) no-repeat center / cover; opacity: 0.7;}
.hxys .items .swiper-slide::after{ content: ''; position: absolute; top: 0.1rem; left: 0.1rem; z-index: 1; width: calc(100% - 0.24rem); height: calc(100% - 0.24rem); border: 1px solid #735629; pointer-events: none; box-sizing: border-box;}
.hxys .items .swiper-slide.s2,.hxys .items .swiper-slide.s4{ margin-top: 1rem;}
.hxys .items .swiper-slide .nomal{ width: 100%; height: 100%;}
.hxys .items .swiper-slide .nomal img{ width: 1.8rem; max-height: 100%; object-fit: contain;}
.hxys .items .swiper-slide .act{ display: none;}
.hxys .items .swiper-slide.active{ background-image: url(../img/hz-one-22.jpg); cursor: url(../img/logo-icon.png) 29 29,auto;}
.hxys .items .swiper-slide.active::before{ background-image: url(../img/hz-one-bg-active.png);}
.hxys .items .swiper-slide.active,.hxys .items .swiper-slide.active::after{ border-color: #fcf5d5; z-index: 2;}
.hxys .items .swiper-slide.active .nomal{ display: none;}
.hxys .items .swiper-slide.active .act{ display: flex; align-items: flex-start; height: 100%;}
.hxys .items .swiper-slide .act .txt{ padding: 2vw 0; writing-mode: tb-rl; color: rgba(241,221,192,1); text-align: justify;}
.hxys .items .swiper-slide .act .name{ align-items: flex-start; width: 1.5vw; padding: 2vw 0; padding-left: 0.5vw;}
.hxys .items .swiper-slide .act .name i{ writing-mode: tb-rl; font-size: 24px; font-weight: bold; color: #fcf5d5;}
.hxys .items .swiper-slide .act .name p{ margin-top: -20px; margin-left: 5px; padding-bottom: 8px; transform: rotate(90deg); transform-origin: left bottom; white-space: nowrap; border-bottom: 1px solid rgba(252,245,213,0.3); color: rgba(252,245,213,0.4);}

.hzlc{ min-height: 9rem; padding: 1.5rem 0; box-sizing: border-box;}
.hzlc .title{ align-items: flex-end;}
.hzlc .title .title-en{ line-height: 1; font-size: 1.2rem; font-family: impact; color: #fcf5d5; text-transform: uppercase; white-space: nowrap; -webkit-text-stroke: 1px rgba(252,245,213,0.1); color: transparent;}
.hzlc .title .title-cn{ width: 5rem; margin-top: -0.5rem;}
.hzlc .pic{ margin-top: -1.2rem; width: 100%; height: 7rem;}
.hzlc .pic a{ display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain;}
/* 合作共赢 end */


/* 联系我们 start  */
.lxwm{ position: relative; z-index: 1; display: flex; justify-content: center; align-items: center;}
.lxwm > img{ max-width: none; width: 285%; margin-left: -3.5rem;}
.lxwm-nr{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; box-sizing: border-box;}
.lxwm .addrname{ position: absolute; top: 9rem; right: 0.8rem; z-index: 10; width: 5rem;}
.lxwm .addrname a{ position: absolute; top: -0.6rem; right: -0.6rem; z-index: 10; width: 1.2rem; height: 1.2rem;}
.lxwml{ width: 62%;}
.lxwml .title img{ width: 4rem;}
.lxwml .items{ padding-top: 0.4rem;}
.lxwml .item{ margin-top: 0.4rem; padding-left: 1.4rem; min-height: 1.2rem; justify-content: flex-start; align-items: flex-start;}
.lxwml .item i{ font-size: 0.6rem; color: #fdf4d8; font-weight: bold;}
.lxwml .item p{ color: #a6a5a0;}
.lxwml .item.s1{ align-items: center; color: #e60012 !important; background: url(../img/lx-icon1.png) no-repeat left center / 1.2rem auto;}
.lxwml .item.s1 div i{ display: block; line-height: 1; color: #e60012; font-size: 0.36rem; white-space: nowrap;}
.lxwml .item.s1 div em{ font-size: 0.22rem; color: #e60012; white-space: nowrap;}
.lxwml .item.s1 p{ margin-left: 0.3rem; font-size: 0.88rem; color: #e60012; font-family: impact;}
.lxwml .item.s2{ background: url(../img/lx-icon2.png) no-repeat left center / 1.2rem auto;}
.lxwml .item.s3{ background: url(../img/lx-icon3.png) no-repeat left center / 1.2rem auto;}
.lxwml .item.s4{ background: url(../img/lx-icon4.png) no-repeat left center / 1.2rem auto;}
.lxwml .one-more{ display: flex; justify-content: center; align-items: center; margin-top: 0.8rem; width: 5rem; height: 1.2rem; border-radius: 1.2rem; color: #fcf5d5; border: 1px solid #826433;}
.lxmore:hover{ cursor: url(../img/lxwm-mouse-icon.png) 44 44,auto;}
/* 联系我们 end */


/* 在线留言 start */
.zxly{ min-height: 15rem; padding: 4rem 0 2rem; box-sizing: border-box;}
.zxly .wrap{ position: relative; z-index: 1; align-items: flex-end; flex-direction: column;}
.zxly .pic{ width: 100%; height: 11rem;}
.zxly .pic img{ width: 100%; height: 100%; object-fit: cover; border: 2px solid #735629;}
.zxly .pr{ margin-top: 3.6rem;}
.zxly .pr img{ width: 3rem; height: 4.5rem; object-fit: cover;}
.zxly .pr .fonticon{ position: absolute; top: 8rem; right: 0.5rem; z-index: 100; width: 0.3rem; height: auto; object-fit: contain;}
.form{ position: absolute; bottom: 0; left: 0.6rem; z-index: 100; width: 12rem; height: auto; margin: auto 0; background: url(../img/ly-formbg.png) no-repeat center / cover; border: 0.06rem solid #735629; padding: 1.25rem 0.6rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.form .titlename{ font-size: 0.6rem; font-family: impact; color: #fdf4d8; text-transform: uppercase;}
.form .sm{ color: #fdf4d8;}
.form .inp{ width: 100%; height: 1.2rem; margin-top: 0.3rem; padding: 0 0.2rem; background: url(../img/ly-form-inp.png) no-repeat center / cover; border: 1px solid rgba(253,244,216,0.3); box-sizing: border-box; color: #a0927d; font-size: 0.36rem;}
.form .lytype{ position: relative; z-index: 10; width: 100%;}
.form .lytype .inp{ cursor: pointer;}
.form .lytype::after{ content: ''; position: absolute; right: 0.4rem; bottom: 0.3rem; z-index: 10; width: 0.4rem; height: 0.6rem; margin: auto 0; background: url(../img/right-icon.png) no-repeat center / contain; transition: 0.3s; cursor: pointer;}
.lytypeitem{ position: absolute; top: 100%; left: 0; z-index: 100; width: 100%; background: #735629; padding: 0.4rem; box-sizing: border-box; color: #a0927d; display: none;}
.lytypeitem .item{ line-height: 1.8; width: 100%;}
.form .lytype.active::after{ transform: rotate(-90deg);}
.form .lynt{ width: 100%;}
.form .inp.lytel{ margin-left: 0.3rem;}
.form .inp.lytext{ height: auto; padding: 0.3rem; resize: none;}
.form .inp::-webkit-input-placeholder{color: #a0927d;}
.form .inp:-moz-placeholder{color: #a0927d;}
.form .inp::-moz-placeholder{color: #a0927d;}
.form .inp::-ms-input-placeholder{color: #a0927d;}
.form .inp::placeholder{color: #a0927d;}
.formbtm{ width: 100%;}
.formbtm .yzm{ position: relative; z-index: 1; width: 50%;}
.formbtm .yzm > img{ position: absolute; bottom: 0.3rem; right: 0.3rem; z-index: 10; width: 0.6rem; cursor: pointer;}
.yzmfix img{ width: 100%; height: 100%; object-fit: contain;}
.formbtm .btn{ position: relative; z-index: 1; margin-top: 0.2rem; margin-left: 0.3rem; width: 50%; height: 1.2rem; text-align: center; background-color: #fdf4d8;}
.formbtm .btn i{ position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; line-height: 1.2rem; font-size: 0.68rem; text-transform: uppercase; color: rgba(195,156,96,0.3); font-weight: bold;}
.formbtm .btn em{ color: #7a5b2a; font-weight: bold;}
.yzmfix{ position: absolute; bottom: 85%; right: 0; z-index: 10; width: 2.4rem; height: 1.2rem; background-color: #FFFFFF; display: none;}
.yzmfix::after{ content: ''; position: absolute; top: 100%; right: 0.4rem; z-index: 10; width: 0; border-style: solid; border-width: 0.2rem; border-color: #FFFFFF transparent transparent transparent; }
/* 在线留言 end */


/* 详情页 start */
.xqcont{ min-height: calc(100vh - 1rem - 1em); padding: 4rem 0 0; box-sizing: border-box;}
.xqcont .txt{ position: relative; z-index: 1;}
.xqcont .txt .one-more{ position: absolute; bottom: 3.5vw; left: 3vw; z-index: 10; transform: scale(0.8); transform-origin: left top; color: #fcf5d5;}

/* 详情页 end */



/* 2023-10-12 */
.fixed{ position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8);}
.fixed .fixc{ position: absolute; top: 50%; left: 0; right: 0; z-index: 10; width: 90%; margin: auto; padding: 0.6rem; box-sizing: border-box; background-color: #fff; transform: translateY(-50%); color: #333; text-align: justify; line-height: 1.6; border-radius: 0.5rem;}
.fixed .fixc img{ max-width: 120px;}




/* seven-2024-02-01 */
.index-seven{ padding: 2rem 0;}
.index-seven .title{ position: relative; z-index: 10; width: 100%; text-align: center;}
.index-seven .title .title-en{ position: absolute; top: -0.4rem; right: 0; z-index: 1; min-width: 100%; line-height: 1; font-size: 1.6rem; font-family: impact; color: #fcf5d5; text-transform: uppercase; white-space: nowrap; -webkit-text-stroke: 1px rgba(252,245,213,0.1); color: transparent;}
.index-seven .title .title-cn{ width: 7rem; margin: 0 auto;}
.index-seven .swiper8{ padding-left: 0.6rem; margin-top: 1.4rem; cursor: url(../img/index-six-mouse2.png) 60 60,auto;}
.index-seven .swiper-slide{ position: relative; z-index: 1;}
.index-seven .swiper-slide::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; pointer-events: none; border: 2px solid #735629; box-sizing: border-box;}
.index-seven .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}
.index-seven .swiper-slide .eightfix{ position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; padding: 0.4rem 0.6rem; background-color: rgba(172, 137, 83, 0.8); box-sizing: border-box; opacity: 0; display: none;}
.index-seven .swiper-slide:hover .eightfix{ opacity: 1; transition: 0.3s;}
.index-seven .swiper-slide:hover .eightfix .name{ font-size: 1.1458vw; font-weight: bold; color: #fcf5d5;}
.index-seven .swiper-slide:hover .eightfix .sm{ margin-top: 1.5vw; font-size: 0.7291vw; color: #fcf5d5;}
.index-seven{ cursor: url(../img/index-eight-mouse.png) 67 67,auto;}


/* news */
.nbanner .ban-news-bg{ height: 8rem; object-fit: cover;}
.nbanner .bannews{ position: absolute; top: 2.6rem; left: 0; right: 0; z-index: 10; width: 100%; margin: 0 auto; cursor: url(../img/index-six-mouse2.png) 60 60,auto;}
.nbanner .swiper-slide{ position: relative; z-index: 1; height: 5rem; transform: scale(0.8); transition: 0.3s;}
.nbanner .swiper-slide-active{ transform: scale(1);}
.nbanner .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}
.nbanner .swiper-slide .ban-new{ position: absolute; bottom: 0; right: 0; z-index: 10; width: 70%; height: 60%; padding: 0.2rem 0.3rem; background: url(../img/ban-newsbg.png) no-repeat center / cover; box-sizing: border-box;}
.nbanner .swiper-slide .ban-new .type{ display: none;}
.nbanner .swiper-slide .ban-new .name{ margin-top: 0.2rem; font-size: 0.52rem; color: #826433;}
.nbanner .swiper-slide .ban-new .sm{ margin-top: 0.3rem; color: #a0927d;}

.news{ padding: 0.2rem 0 1.2rem;}
.news .item{ padding: 0.8rem 0; border-bottom: 1px solid #735629;}
.news .item .pic{ position: relative; z-index: 1; width: 45%; height: 4rem;}
.news .item .pic img{ width: 100%; height: 100%; object-fit: cover;}
.news .item .fr{ width: 50%;}
.news .item .fr .name{ font-size: 0.56rem; color: #fcf6d4;}
.news .item .fr .time{ margin-top: 0.3rem; color: #a0927d;}
.news .item .fr .sm{ margin-top: 0.5rem; color: #a0927d;}
.news .item .fr .btn{ display: inline-block; margin-top: 0.4rem; padding: 0.15rem 0.6rem; border-radius: 1.2rem; border: 1px solid #735629; color: #735629; display: none;}
.news .item .pic .picfix{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(157, 124, 76, 0.6); opacity: 0; }
.news .item:hover .fr .btn{ color: #fcf6d4; border-color: #fcf6d4; background-color: rgba(172, 137, 83, 0.6);}
.news .item:last-of-type{ border: 0 none;}

.m-page{ padding-top: 0.8rem; flex-wrap: wrap;}
.m-page a{ margin: 0 5px; padding: 0 0.4rem; line-height: 2.4; color: #fcf6d4; border: 2px solid #735629; background-color: rgba(157, 124, 76, 0.6); border-radius: 5px;}
.m-page a.z-crt{ color: #fff; background-color: rgba(217, 168, 104, 0.8); border-color: rgba(217, 168, 104, 0.8);}
.m-page .pageprv,
.m-page .pagenxt{ padding: 0 0.6rem;}